/**
 * @description  : 处罚信息item组件
 * @descriptionDetail : 处罚信息item组件
 * @copyright    : 浙江烟草
 * @author       : mc
 * @create       : 2022-12-05 15:15:44
 */
<template>
  <view class="divided-line">
    <u-row gutter="16" class="title-style rowde">
      <u-col span="2.9">
        <view class="title-num">
          案件编号：
        </view>
      </u-col>
      <u-col span="6">
        <view class="title-num">
          {{ illergeItem.caseCode || "" }}
        </view>
      </u-col>
      <u-col span="3">
        <view class="title-price">
          ￥{{ illergeItem.caseTotalVal || "" }}
        </view>
      </u-col>
    </u-row>
    <u-row gutter="16" align="top" class="rowde">
      <u-col span="2.8">
        <view class="msg-title">
          案件名称：
        </view>
      </u-col>
      <u-col span="9">
        <view class="msg-sty-context">
          {{ illergeItem.caseName || "" }}
        </view>
      </u-col>
    </u-row>
    <u-row gutter="16" align="top" class="rowde">
      <u-col span="2.3">
        <view class="msg-title">
          当事人：
        </view>
      </u-col>
      <u-col span="9">
        <view class="msg-sty-context">
          {{ illergeItem.party || "" }}
        </view>
      </u-col>
    </u-row>
    <u-row gutter="16" align="top" class="rowde">
      <u-col span="2.8">
        <view class="msg-title">
          案发时间：
        </view>
      </u-col>
      <u-col span="9">
        <view class="msg-title">
          {{ illergeItem.caseDate || "" }}
        </view>
      </u-col>
    </u-row>
    <u-row gutter="16" align="top" class="rowde">
      <u-col span="2.8">
        <view class="msg-title">
          立案时间：
        </view>
      </u-col>
      <u-col span="9">
        <view class="msg-title">
          {{ illergeItem.regTime || "" }}
        </view>
      </u-col>
    </u-row>
    <u-row gutter="16" align="top" class="rowde">
      <u-col span="2.8">
        <view class="msg-title">
          立案部门:
        </view>
      </u-col>
      <u-col span="9">
        <view class="msg-title">
          {{ illergeItem.regDeptName || "" }}
        </view>
      </u-col>
    </u-row>
    <u-row gutter="16" align="top" class="rowde">
      <u-col span="2.8">
        <view class="msg-title">
          查获条数:
        </view>
      </u-col>
      <u-col span="9">
        <view class="msg-title">
          {{ illergeItem.caseTotalQty || "" }}
        </view>
      </u-col>
    </u-row>
  </view>
</template>

<script>
export default {
  props:['illergeItem',],
  data(){
    return{

    }
  },
  created(){
    console.log(this.illergeItem);
  },
  methods:{
    
  },
        
}
</script>

<style lang="scss" scoped>
@import "./listItem.scss";
.title-style{
  display: flex;
  justify-content: space-between;
  padding-right: 14rpx;
}
.title-num{
  font-size: $cm_form_item_label_font_size;
  font-weight: 600;
}
.title-price{
  font-size:$cm_form_item_label_font_size;
  color: $u-type-warning;
  font-weight: bold;
  text-align: right;
}
.coy{
  display: flex;
}
.head-title{
    padding: 0rpx 8rpx 0rpx 8rpx;
    font-size: $cm_form_item_label_font_size;
    font-weight: 600;
}
.head-data{
   position: relative;
   font-weight: 600;
    left: 10px;
    top: 0px;
}
.gold{
    position:relative;
    top: 0rpx;
    left: 140rpx;
    color:#FF9E2C;
}
</style>